<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../Font-Awesome-3.2.1/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../bootstrap-3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="../CSS/common_before_login.css">
    <script src="../../jquery.min.js"></script>
    <script src="../../bootstrap-3.3.0/js/bootstrap.min.js"></script>
    <script src="../JS/common_before_login.js"></script>
    <title>Title</title>
</head>
<body>
    <div class="header_bar"></div>
    <nav class="navbar navbar-default" role="navigation">
    <!--头部导航Logo-->
    <div class="navbar-header">
        <a class="navbar-brand logo" href="#"></a>
    </div>
    <!--搜索框-->
    <div class="collapse navbar-collapse navbar-ex1-collapse">
        <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
                <input type="text" class="form-control nav_search" placeholder="大家正在搜:发现一个未来影帝"/>
            </div>
            <span class="icon_box"><i class="icon-search icon-large nav_icon_search"></i></span>
            <span class="menu_box">
                  <ul class="nav navbar-nav navbar-right ">
                      <li class="back_home"><a href="#"  class="back_home_link" id="back_home_link"><i class="icon-home icon-2x" ></i>&nbsp;首页</a></li>
                <li class="opt"><a href="#">登录</a></li>
                <li class="opt"><a href="#">注册</a></li>
            </ul>
            </span>
        </form>
    </div>
</nav>
    <div class="main">
           <div class="content">
              <div class="c_left">
                    <div class="category">
                        <div class="category_title"><a href=""><i class="icon- icon-fire icon-large"></i><span class="back_space_1">热门</span></a></div>
                        <div class="category_desc"><a href="">&nbsp;<i class="dot"></i><span class="back_space_1">明星</span></a></div>
                        <div class="category_desc"><a href="">&nbsp;<i class="dot"></i><span class="back_space_1">搞笑</span></a></div>
                        <div class="category_desc"><a href="">&nbsp;<i class="dot"></i><span class="back_space_1">社会</span></a></div>
                        <div class="line"></div>
                    </div>
                  <div class="category">
                      <div class="category_title"><a href=""><i class="icon- icon-facetime-video icon-large"></i><span class="back_space_1">视频</span></a></div>
                      <div class="line"></div>
                  </div>
                  <div class="category">
                      <div class="category_title"><a href=""><i class="icon-  icon-bolt icon-large"></i><span class="back_space_1">头条</span></a><a
                              href=""><em class="new_count">HOT</em></a></div>
                      <div class="category_desc"><a href="">&nbsp;<i class="dot"></i><span class="back_space_1">情感</span></a></div>
                      <div class="category_desc"><a href="">&nbsp;<i class="dot"></i><span class="back_space_1">时尚</span></a></div>
                      <div class="category_desc"><a href="">&nbsp;<i class="dot"></i><span class="back_space_1">军事</span></a></div>
                      <div class="line"></div>
                  </div>
                  <div class="category">
                      <div class="category_title"><a href=""><i class="icon-trophy icon-large"></i><span class="back_space_1">榜单</span><em class="new_count_2">NEW</em></a></div>
                      <div class="line"></div>
                  </div>
              </div>
               <div class="c_center">
                    <div class="msg">
                        <div class="msg_box">
                            <a href="javascript:;" class="show_msg">您有未读内容，请点击查看</a>
                            <a href="javascript:;" class="close_msg">X</a>
                        </div>

                    </div>
                    <div class="content_box">
                          <div class="msg_list">
                                <div class="article_title">
                                    <a>鲍鱼捞饭</a>
                                </div>
                                <div class="article_degist">
                                    <a href="">过春节的时候做了次鲍鱼捞饭，问我要方子的亲很多，今天用家里唯一的一只鲍鱼跟大家演示一下鲍鱼捞饭的做法的额尔</a>
                                </div>
                                <div class="article_img">
                                    <img src="../IMG/body_bg.jpg" width="180px" height="108px" alt="/">
                                    <img src="../IMG/body_bg.jpg"width="180px" height="108px"alt="/">
                                    <img src="../IMG/body_bg.jpg"width="180px"height="108px" alt="/">
                                </div>
                                <div class="article_footer">
                                    <div class="author_info">
                                        <img src="../IMG/body_bg.jpg" width="18px" height="18px"  class="author_pic" alt="/">
                                         <span class="nick_name">@蹲在坟头点香烟</span>
                                         <span class="publish_time">今天 17:14</span>
                                    </div>
                                    <div class="article_info">
                                         <span class="info_list">
                                             <li class="share"><a href=""><i class="icon-share"></i><span class="back_space_1">71</span></a></li>
                                             <li class="share"><a href=""><span class="space_line">|</span><i class=" icon-credit-card"></i><span class="back_space_1">71</span></a></li>
                                             <li class="share"><a href=""><span class="space_line">|</span><i class=" icon-thumbs-up"></i><span class="back_space_1">71</span></a></li>
                                         </span>
                                    </div>
                                </div>
                          </div>
                    </div>
               </div>
               <div class="c_right">
                   <div class="login_box">
                       <div class="info_header">
                           <div class="tab">
                               <a href="" class="count_login">账号登陆</a>
                               <a href="" class="safe_login">安全登陆</a>
                           </div>
                       </div>
                       <form action="" method="post">
                           <label class="base_number">
                               <input type="text" class="form-control" placeholder="邮箱/会员账号/手机号">
                               <i class="icon-user icon-large"></i>
                           </label>
                           <label for=""class="base_psw">
                               <input type="password" class="form-control" value="" placeholder="请输入密码"/>
                               <i class="icon-lock icon-large"></i>
                           </label>
                           <label for=""class="rember_psw">
                               <span class="rember_me"><input type="checkbox"/>记住我</span>
                               <span class="forget_psw"><a href="">忘记密码</a></span>
                           </label>
                           <button  type="submit"class="btn btn-login ">登陆</button>
                       </form>
                       <span class="register_link">还没有微博?<a href="" class="to_register">立即注册</a></span>
                   </div>
               </div>
           </div>
    </div>
</body>
</html>